import React from 'react';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import CharacterCreation from './pages/CharacterCreation';
import Info from './pages/Info';
import Question2 from './pages/Question2';
import Question1 from './pages/Question1';

function App() {
  console.log('App component rendering');
  return (
    <Router>
      <div className="app-container">
        <Routes>
          <Route path="/" element={<Navigate to="/create-character" replace />} />
          <Route path="/create-character" element={<CharacterCreation />} />
          <Route path="/info" element={<Info />} />
          <Route path="/question1" element={<Question1 />} />
          <Route path="/question2" element={<Question2 />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;